<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="order by dede58.com" name="author"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Float-Admin</title>

    <!-- Common plugins -->
    <link href="../../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../static/css/simple-line-icons.css" rel="stylesheet">
    <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../static/css/pace.css" rel="stylesheet">
    <link href="../../static/css/jasny-bootstrap.min.css" rel="stylesheet">
    <link href="../../static/css/nanoscroller.css" rel="stylesheet">
    <link href="../../static/css/c3.min.css" rel="stylesheet">
    <link href="../../static/css/blue.css" rel="stylesheet">
    <!-- dataTables -->
    <link href="../../static/css/jquery.datatables.min.css" rel="stylesheet" type="text/css">
    <link href="../../static/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../../static/css/jquery.toast.min.css" rel="stylesheet">
    <!--template css-->
    <link href="../../static/css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../static/js/html5shiv.min.js"></script>
    <script src="../../static/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<!--start page content-->

<div class="dashboard-only-content">
    <div class="container">

        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-primary padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-cloud-upload fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">2300</h2>
                            <div class="text-uppercase">Uploads</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-teal padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-bag fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">573</h2>
                            <div class="text-uppercase">Items</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-success padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-users fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">1859</h2>
                            <div class="text-uppercase">Users</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
            <div class="col-lg-3 col-md-6 col-sm-12">
                <div class="widget bg-indigo padding-0">
                    <div class="row row-table">
                        <div class="col-xs-4 text-center pv-15 bg-light-dark">
                            <em class="icon-cloud-download fa-3x"></em>
                        </div>
                        <div class="col-xs-8 pv-15 text-center">
                            <h2 class="mv-0">456</h2>
                            <div class="text-uppercase">Downloads</div>
                        </div>
                    </div>
                </div><!--end widget-->
            </div><!--end col-->
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Page Visitors <small class="text-muted">Last Week</small>

                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="stocked"></div>
                        </div>
                    </div>
                </div>
            </div><!--col-md-12-->
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Analytics
                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="timeseriesChart"></div>
                        </div>

                    </div>
                </div>
            </div><!--col-->
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button aria-expanded="false" class="btn btn-info btn-rounded btn-xs dropdown-toggle"
                                        data-toggle="dropdown" type="button">Action <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu panel-dropdown" role="menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </div>
                        </div>
                        Project States
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="sidebar-list projects-list">
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>YII with material design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 42%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>HTML to AngularJs</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 12%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-success pull-right">Company</span>
                                        <h4>Website Re-design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 84%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-success" style="width: 84%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-success pull-right">Metting</span>
                                        <h4>Business Consultancy</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 54%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-info" style="width: 54%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>YII with material design</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 42%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-warning" style="width: 42%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="label label-primary pull-right">New</span>
                                        <h4>HTML to AngularJs</h4>
                                        <p>
                                            It is a long established fact that a reader will be distracted.
                                        </p>

                                        <div class="small">Completion with: 12%</div>
                                        <div class="progress progress-mini">
                                            <div class="progress-bar progress-bar-danger" style="width: 12%;"></div>
                                        </div>
                                        <div class="small text-danger">Deadline - September 15, 2016</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Find Project" type="text">
                            <span class="input-group-btn">
                                    <button class="btn btn-default">
                                        <i class="fa fa-search"></i></button>
                                </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <div class="btn-group">
                                <button aria-expanded="false" class="btn btn-info btn-rounded btn-xs dropdown-toggle"
                                        data-toggle="dropdown" type="button">Action <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu panel-dropdown" role="menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </div>
                        </div>
                        Data Analytics <small class="text-muted">Current Month</small>
                    </div>
                    <div class="panel-body">
                        <div>
                            <div id="pieChart"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Chat
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="chat-list list-unstyled">
                                <li class="clearfix chat-element">
                                    <a class="pull-left" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-1.jpg">
                                    </a>
                                    <div class="media-body ">
                                        <div class="speech-box">
                                            <small class="pull-right text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->

                                <li class="clearfix chat-element right">
                                    <a class="pull-right" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-2.jpg">
                                    </a>
                                    <div class="media-body text-right">
                                        <div class="speech-box">
                                            <small class="pull-left text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0 text-right">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->
                                <li class="clearfix chat-element">
                                    <a class="pull-left" href='javascript: void(0);'>
                                        <img alt="" class="img-circle" src="../../static/picture/avtar-1.jpg">
                                    </a>
                                    <div class="media-body ">
                                        <div class="speech-box">
                                            <small class="pull-right text-primary">1m ago</small>
                                            <strong>Moni Sharma</strong>
                                            <p class="margin-b-0">
                                                Lorem Ipsum is simply dummy text of the printing and typesetting
                                                industry. Lorem Ipsum has been
                                            </p>
                                            <small class="text-info">Today 12:31 pm - 10.08.2016</small>
                                        </div>
                                    </div>
                                </li><!--end chat elements-->
                            </ul>
                        </div>
                    </div><!--end panel body-->
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Type your message here..." type="text">
                            <span class="input-group-btn">
                                    <button class="btn btn-primary">
                                        Send</button>
                                </span>
                        </div>
                    </div>
                </div><!--panel-->
            </div><!--end col-->
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-6">
                                Todo List
                            </div>
                            <div class="col-xs-6">
                                <div class="panel-search">
                                    <form action="">
                                        <input class="form-control" name="s" placeholder="Search something..."
                                               type="text">
                                        <span class="fa fa-search"></span>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="scrollDiv">
                            <ul class="todo-list">
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Lorem ipsum dolor</span>
                                    <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>
                                </li>
                                <li>
                                    <input checked class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Printing and typesetting industry</span>
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 3 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Send files to John</span>
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 2 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Go to the doctor dr Jagdish</span>
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 42 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Lorem ipsum dolor</span>
                                    <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Printing and typesetting industry</span>
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 3 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Send files to John</span>
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 2 mins</small>
                                </li>
                                <li>
                                    <input class="i-checks" name="" type="checkbox" value=""/>
                                    <span class="">Go to the doctor dr Jagdish</span>
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 42 mins</small>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="panel-footer">
                        <div class="input-group">
                            <input class="form-control" placeholder="Add Todo..." type="text">
                            <span class="input-group-btn">
                                    <button class="btn btn-default">
                                        Add</button>
                                </span>
                        </div>
                    </div>
                </div>
            </div><!--end col-->
        </div><!--end row-->
    </div>
    <!--end footer-->
</div>

<!--end page content-->


<!--Common plugins-->
<script src="../../static/js/jquery.min.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<script src="../../static/js/pace.min.js"></script>
<script src="../../static/js/jasny-bootstrap.min.js"></script>
<script src="../../static/js/jquery.slimscroll.min.js"></script>
<script src="../../static/js/jquery.nanoscroller.min.js"></script>
<script src="../../static/js/metismenu.min.js"></script>
<script src="../../static/js/float-custom.js"></script>
<!--page script-->
<script src="../../static/js/d3.min.js"></script>
<script src="../../static/js/c3.min.js"></script>
<!-- iCheck for radio and checkboxes -->
<script src="../../static/js/icheck.min.js"></script>
<!-- Datatables-->
<script src="../../static/js/jquery.datatables.min.js"></script>
<script src="../../static/js/datatables.responsive.min.js"></script>
<script src="../../static/js/jquery.toast.min.js"></script>
<script src="../../static/js/dashboard-alpha.js"></script>

</body>
</html>